import Vue from "vue";
import VueRouter from "vue-router";
import Choiceness from "../views/Choiceness";
import Store from "../views/Store";
import Infant from "../views/Infant";
import Food from "../views/Food";
import Female from "../views/Female";
import Electric from "../views/Electric";
import Shoe from "../views/Shoe";
import Underwear from "../views/Underwear";
import Beauty from "../views/Beauty";
import Men from "../views/Men";
import Fruits from "../views/Fruits";
import Textiles from "../views/Textiles";
import Stationery from "../views/Stationery";
import Exercise from "../views/Exercise";
import Virtual from "../views/Virtual";
import Car from "../views/Car";
import Decoration from "../views/Decoration";
import Medicine from "../views/Medicine";

import Mine from "../views/Mine";
import Login from "../views/Login";
// import Home from "../views/Home"

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    redirect: '/home',
    component: Choiceness,
  },
  {
    path: "/home",
    name:'home',
    redirect: '/001/1',
    component: Choiceness,
  },
  {
    path:"/001/:id",
    name:"choiceness",
    component:Choiceness,
    props:true,
  },
  {
    path:"/002/:id",
    name:"Store",
    component:Store,
    props:true,
  },
  {
    path:"/003/:id",
    name:"Infant",
    props:true,
    component:Infant
  },
  {
    path:"/004/:id",
    name:"Food",
    props:true,
    component:Food
  },
  {
    path:"/005/:id",
    name:"Female",
    props:true,
    component:Female
  },
  {
    path:"/006/:id",
    name:"Electric",
    props:true,
    component:Electric
  },
  {
    path:"/007/:id",
    name:"Shoe",
    props:true,
    component:Shoe
  },
  {
    path:"/008/:id",
    name:"Underwear",
    props:true,
    component:Underwear
  },
  {
    path:"/009/:id",
    name:"Beauty",
    props:true,
    component:Beauty
  },
  {
    path:"/010/:id",
    name:"Men",
    props:true,
    component:Men
  },
  {
    path:"/011/:id",
    name:"Fruits",
    props:true,
    component:Fruits
  },
  {
    path:"/012/:id",
    name:"Textiles",
    props:true,
    component:Textiles
  },
  {
    path:"/013/:id",
    name:"Stationery",
    props:true,
    component:Stationery
  },
  {
    path:"/014/:id",
    name:"Exercise",
    props:true,
    component:Exercise
  },
  {
    path:"/015/:id",
    name:"Virtual",
    props:true,
    component:Virtual
  },
  {
    path:"/016/:id",
    name:"Car",
    props:true,
    component:Car
  },
  {
    path:"/017/:id",
    name:"Decoration",
    props:true,
    component:Decoration
  },
  {
    path:"/018/:id",
    name:"Medicine",
    props:true,
    component:Medicine
  },
  {
    path:"/mine",
    name:"Mine",
    component:Mine
  },
  {
    path:"/login",
    name:"Login",
    component:Login
  }
  
];

const router = new VueRouter({
  routes,
});

export default router;
